.a8 {
    background: white;
    background-image: linear-gradient(90deg, rgba(200, 0, 0, .5) 50%, transparent 0),
        linear-gradient(rgba(200, 0, 0, .5) 50%, transparent 0);
    background-size: 30px 30px;
}

.a9 {
    background: #58a;
    background-image: linear-gradient(white 1px, transparent 0),
        linear-gradient(white 1px, transparent 0);
    background-size: 30px 30px;
}

.a10 {
    background: #58a;
    background-image: linear-gradient(white 2px, transparent 0),
        linear-gradient(90deg, white 2px, transparent 0),
        linear-gradient(hsla(0, 0%, 100%, .3) 1px, transparent 0),
        linear-gradient(90deg, hsla(0, 0%, 100%, .3) 1px, transparent 0);
    background-size: 75px 75px, 75px 75px,
        15px 15px, 15px 15px;
}

.a11 {
    background: #655;
    background-image: radial-gradient(tan 30%, transparent 0);
    background-size: 30px 30px;
}

.a12 {
    background: #655;
    background-image: radial-gradient(tan 30%, transparent 0),
        radial-gradient(tan 30%, transparent 0);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px;
}

.a13 {
    padding: 1em;
    border: 1em solid transparent;
    background: linear-gradient(white, white) padding-box,
        repeating-linear-gradient(-45deg, red 0, red 12.5%, transparent 0, transparent 25%, #58a 0,
            #58a 37.5%, transparent 0, transparent 50%) 0/5em 5em;
}

.a14 {
    padding: 1em;
    border: 16px solid transparent;
    border-image: 16 repeating-linear-gradient(-45deg, red 0, red 1em, transparent 0, transparent 2em, #58a 0, #58a 3em, transparent 0, transparent 4em)
}
@keyframes move { to{background-position:100%} }
.a15{
    padding:1em;
    border:4px solid transparent;
    background:linear-gradient(white, white) padding-box,repeating-linear-gradient(-45deg, black 0, black 25%,white 0,white 50%) 0/.6em .6em;
    animation:ants 12s linear infinite;
}